<div id="header">
    <div class="g-wrap">
        <a id="logo" href="${baseURL!}"></a>
        <ul id="nav">
            <li class="n1">
            @if(isNotEmpty(current) && current == 'index') {
                <a class="on" href="${baseURL!}">
            @} else {
                <a href="${baseURL!}">
            @}
                    <span>首页</span><span class="bkg"></span>
                </a>
            </li>
            <#cms_category_list siteId="${site.siteId}" categoryId="0" isNav="1" var="bean">
                @if(isNotEmpty(category) && (category.categoryId == bean.categoryId || category.parentId == bean.categoryId)) {
                    <li class="n2 more on">
                @} else {
                    <li class="n2 more">
                @}
                @if(isNotEmpty(bean.hasChild) && bean.hasChild) {
                    <a href="${bean.url!}">${bean.categoryName!}</a>
                    <ul >
                    <#cms_category_list  siteId="${site.siteId}" categoryId="${bean.categoryId!}" isNav="0" var="subBean">
                        <li>
                            <a href="${subBean.url!}">${subBean.categoryName!}</a>
                        </li>
                    </#cms_category_list>
                    </ul>
                @} else {
                    <a href="${bean.url!}"><span>${bean.categoryName}</span><span class="bkg"></span></a>
                @}
                </li>
            </#cms_category_list>
        </ul>
        <div id="shop">
            <span class="change">
                <a class="" href="javascript:void(0);">中文</a>/
                <a class="" href="javascript:void(0);">English</a>
            </span>
            <span class="contact">
                <span style="font-size:11px;">热线电话</span>
                <span style="font-size:16px;">400-823-7188</span>
            </span>
        </div>
    </div>
</div>